<template>
  <a-button
    class="transparent-button"
    :type="btnType"
    :size="btnSize"
    :loading="loading"
    @click="btnConfirm"
    :disabled="btnDisabled"
  >
    {{ btnText }}
  </a-button>
</template>
 
<script>
export default {
  props: [
    "btnText",
    "btnType",
    "btnPowerNum",
    "btnParameter",
    "btnSize",
    "btnDisabled",
    "loading",
  ],
  data() {
    return {};
  },
  methods: {
    btnConfirm() {
      if (!this.hasPermission(this.btnPowerNum)) {
        return;
      }
      this.$emit("operation", this.btnParameter);
    },
  },
};
</script>
 
<style lang = "less" scoped>
.transparent-button {
  background-color: #20b2ab00;
  color: #000000;
  border: 1px solid #20b2ab00;
}
.transparent-button:hover {
  background-color: #20b2ab00;
  color: #000000;
  border: 1px solid #20b2ab00;
}
.transparent-button:focus {
  background-color: #20b2ab00;
  color: #000000;
  border: 1px solid #20b2ab00;
}
.public-enable {
  color: #00ff00;
}
.public-disabled {
  color: #ff3030;
}
html,
body,
#app {
  margin: 0;
  padding: 0;
  height: 100%;
}
html/deep/.ant-table-tbody tr td,
body/deep/.ant-table-tbody tr td,
#app/deep/.ant-table-tbody tr td {
  padding: 0px !important;
}
.ant-table-middle
  > .ant-table-content
  > .ant-table-header
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-middle
  > .ant-table-content
  > .ant-table-body
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-middle
  > .ant-table-content
  > .ant-table-scroll
  > .ant-table-header
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-middle
  > .ant-table-content
  > .ant-table-scroll
  > .ant-table-body
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-left
  > .ant-table-header
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-header
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-left
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-middle
  > .ant-table-content
  > .ant-table-header
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-middle
  > .ant-table-content
  > .ant-table-body
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-middle
  > .ant-table-content
  > .ant-table-scroll
  > .ant-table-header
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-middle
  > .ant-table-content
  > .ant-table-scroll
  > .ant-table-body
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-left
  > .ant-table-header
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-header
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-left
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-tbody
  > tr
  > td {
  padding: 0.3125rem !important;
}
.ant-table-header {
  overflow-y: hidden !important;
}
.chart-manage {
  display: flex;
  justify-content: center;
}
.chart-manage i {
  margin-right: 0.3125rem;
}
.chart-manage i:last-child {
  margin: 0;
}
.button-right-16 {
  margin-right: 1rem;
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title,
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-vertical-right .ant-menu-submenu-title {
  margin-top: 0 !important;
}
.icon-class {
  cursor: pointer;
  font-size: 0.9375rem;
}
.btn8 {
  overflow: hidden;
  position: relative;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
}
.btn8:hover {
  border-color: #dcf0ef;
}
.btn8 .btnbg1,
.btn8 .btnbg2 {
  content: "";
  width: 0;
  height: 0;
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
  background: #dcf0ef;
  position: absolute;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
}
.btn8 .btnbg1 {
  border-right-color: transparent;
  border-left-color: #dcf0ef;
  bottom: 0;
  left: 0;
}
.btn8 .btnbg2 {
  border-right-color: #dcf0ef;
  border-left-color: transparent;
  top: 0;
  right: 0;
}
.btn8:hover .btnbg1 {
  border-width: 50px 260px;
}
.btn8:hover .btnbg2 {
  border-width: 50px 260px;
}
.btn8 span {
  position: relative;
  z-index: 1;
}
.flex-justify-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
::-webkit-scrollbar {
  margin: 0.2rem;
  height: 0.4125rem;
  width: 0.3rem;
}
::-webkit-scrollbar-thumb {
  border-radius: 0.625rem;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  background: #009a9a;
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: 0;
  border-radius: 0.625rem;
  background: #ccc;
}
::-webkit-scrollbar-corner {
  background: red;
}
.cursor-pointer {
  cursor: pointer;
}
.text-underline {
  padding-bottom: 0.125rem;
  border-bottom: 1px solid #000;
}
.ant-table-wrapper {
  height: 100% !important;
}
.ant-table-wrapper .ant-spin-nested-loading {
  height: 100%;
}
.ant-table-wrapper .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table {
  flex: 1;
}
.ant-pagination {
  display: flex;
  justify-content: flex-end;
}
.ant-table-header {
  overflow-y: hidden !important;
}
* {
  -webkit-print-color-adjust: exact;
  -moz-print-color-adjust: exact;
  -ms-print-color-adjust: exact;
  print-color-adjust: exact;
}
</style>